/* general reset area for this page */

/*html,body,h1, p,input,fieldset,legend                     {margin: 0;padding: 0;}*/

/* beauty style */

body{
    padding:0;
    margin-top:15px;
    margin-bottom: 15px !important;
    margin-left: 0px;
    margin-right: 0px;
    font:76% sans-serif, verdana;
    background: #222 url(img/pat5.gif) /*repeat-x*/;
}

#page{
    width: 300px;
    margin: 100px auto 0;
    color:#000;
    font-size:80%;
}

#page a{
    color:#666;
    float:right;
}

h1{
    margin-left: auto;
    margin-right: auto;
    width: 150px;
    font-size:140%;
}

p{
    padding:10px;
    display:block;
    border:#fafafa;
    margin:10px 20px;
}

footer{
    width: 300px; 
    margin: 5px auto 0;
    color:#fff;
    text-align:center;
    font-size:80%;
}

footer a{
    text-decoration:none;
    color:orange;
}

footer a:hover{
    text-decoration:underline;
}

footer iframe{
    width: 450px;
    color: white;
    margin-top: 30px;
    margin-left: auto;
    margin-right: auto;
}

/* CSS used for styling the CONTACT form */
fieldset{
    margin:25px 0 10px 0px;
    overflow:hidden;
    width:280px !important;
    background:#fafafa;
    border:0px;
    padding:0 20px 20px 20px;
    -moz-border-radius:15px;
    -webkit-border-radius:15px;
    -moz-box-shadow:0 8px 5px #444444;
    -webkit-box-shadow: 0 8px 5px #444444;
}

legend{
    padding:12px 9px 19px;
    margin-left: 20px;
    background:#efefef;
    -moz-border-radius:12px;
    -webkit-border-radius:12px;
    background: url('gradient_white.png') repeat-x top left #fafafa;
}


legend span{
    font-size:100%;
    font-weight:bold;
    color:#fff;
    background: url('gradient.png') repeat-x top left #444;
    -moz-border-radius-topleft:10px;
    -webkit-border-top-left-radius:10px;
    -moz-border-radius-topright:10px;
    -webkit-border-top-right-radius:10px;

    padding:5px 20px 0;
    margin-left: 0px;
}


form#send_sms {
    font-family:arial;
    font-size:100%;
    color:#666;
}

form#send_sms label {
    float:left;
    display:block;
    margin-top:-40px;
    clear:both;
}

/*html body div#page fieldset form#send_sms p a#counter{
    float:right;
    display:block;
    margin-top:-40px;
    clear:both;
    color:#666 !important;
}*/

form#send_sms input{
    color:#666;
    margin:20px 0 7px 0;
    border:1px solid #d8d8d8;
    width:220px;
    float:left;
    -moz-border-radius:9px;
    -webkit-border-radius:9px;
    /* background: url('gradient_white.png') repeat-x top left #efefef; */
    padding:3px 10px;
}

form#send_sms input#send:hover{
    -webkit-transition: all 0.5s ease-in;
    -moz-transition: all 0.5s ease-in;
    -o-transition: all 0.5s ease-in;
    -webkit-transition: all 0.5s ease-in;
    transition: all 0.5s ease-in;

    background: #828282;
    color:orange;

}

form#send_sms textarea {
    color:#666;
    font-size:110%;
    font-family:arial;
    height:130px;
    border:1px solid #d8d8d8;
    width:220px;
    -moz-border-radius:12px;
    -webkit-border-radius:12px;
    /* background: url('gradient_white.png') repeat-x top left #efefef; */
    padding:2px 10px;
    margin-bottom:-20px;
}

#send {
/* background: url('gradient_black.png') repeat-x top left #a80329; */
-moz-border-radius:15px;
-webkit-border-radius:15px;
-moz-box-shadow: 5px 5px 8px #999;
-webkit-box-shadow: 5px 5px 8px #999;
border:0;
cursor:pointer;
color:#fff;
margin-top:15px;
float:right;
font-weight:bold;
font-size:110%;
padding:5px 15px;}

#facebook{
    -moz-border-radius:15px;
    -webkit-border-radius:15px;
    -moz-box-shadow:0 8px 5px #444444;
    -webkit-box-shadow: 0 8px 5px #444444;

    margin-top: 50px;
    background: rgba(255, 255, 255, 0.4);
    margin-left: auto;
    margin-right: auto;
    width: 470px;
}

#facebook h3{
   margin-top: 20px;
   margin-left: 20px;
}

#facebook h1{
   color:orange;
   width: 220px;
   margin-top: 20px;
   margin-left: auto;
   margin-right: auto;
}

#facebook p{
   text-justify: distribute;
}


#facebook:hover{
    -webkit-transition: all 0.5s ease-in;
    -moz-transition: all 0.5s ease-in;
    -o-transition: all 0.5s ease-in;
    -webkit-transition: all 0.5s ease-in;
    transition: all 0.5s ease-in;
    background: rgba(255, 255, 255, 0.9);
}

#facebook iframe{
    margin-top: 10px;
    margin-left: 10px;
    color: white;

}

#version{
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    color:#fff;
    text-align:center;
    font-size:80%;
}

#version a{
    color: white;
    text-decoration: none;
}


#version a:hover{
    color: orange;
    text-decoration: underline;
}

#version .active{
    color: orange;
    font-weight: bold;
}

#stat{
    margin-left: auto;
    margin-right: auto;
    width: 300px;
    margin-top: 20px;
    bottom: 0px;
}

#Layer1 { 
              margin:auto; 
              width:484px; 
              height:308px; 
              z-index:1; 
} 
#add-contact-form{ 
              color:#FF9900; 
              font-weight:bold; 
              font-family:Verdana, Arial, Helvetica, sans-serif; 
              background-color:#333333; 
              margin-top:5px; 
              padding:10px; 
} 
#add-contact-btn{ 
              background-color:#FF9900; 
              font-weight:bold; 
              font-family:Verdana, Arial, Helvetica, sans-serif; 
              border:1px solid #666666; 
              color:#000; 
              text-decoration:none; 
              padding:2px; 
              font-weight:bold; 
} 
#save-contact-btn{ 
              background-color:#FF9900; 
              font-weight:bold; 
              font-family:Verdana, Arial, Helvetica, sans-serif; 
              border:1px solid #666666; 
              color:#000; 
              text-decoration:none; 
              padding:2px; 
              font-weight:bold; 
} 
#cancel-btn{ 
              background-color:#FF9900; 
              font-weight:bold; 
              font-family:Verdana, Arial, Helvetica, sans-serif; 
              border:1px solid #666666; 
              color:#000; 
              text-decoration:none; 
              padding:2px; 
              font-weight:bold; 
} 
h1{ 
              color:#FFFFFF; 
              font-family:Arial, Helvetica, sans-serif; 
} 
#list-title{ 
              color:#FFFFFF; 
              font-weight:bold; 
              font-size:14px; 
              font-family:Arial, Helvetica, sans-serif; 
              margin-top:10px; 
} 
#contacts-lists{ 
              color:#FF6600; 
              font-weight:bold; 
              font-family:Verdana, Arial, Helvetica, sans-serif; 
              font-size:12px; 
} 
#contacts-lists a{ 
              background-color:#FF9900; 
              text-decoration:none;              
              padding:2px; 
              color:#000; 
              margin-bottom:2px; 
} 
#contacts-lists li{ 
              list-style:none; 
              border-bottom:1px dashed #666666; 
              margin-bottom:10px; 
              padding-bottom:5px; 
} 
#notice{ 
              width:400px; 
              margin:auto; 
              background-color:#FFFF99; 
              border:1px solid #FFCC99; 
              font-weight:bold; 
              font-family:verdana; 
              margin-top:10px; 
              padding:4px; 
}


.notification {
  width: auto;
  display: block;
  position: relative;
  padding:10px 20px 20px 0;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px; 
  -moz-box-shadow: 1px 1px 0px #999;
  -webkit-box-shadow: 1px 1px 0px #999;
  box-shadow: 1px 1px 0px #999;
  
  margin-bottom: 30px;
}

.notification span {
  background: url('./admin/assets/close.png') no-repeat right top;
  display: block;
  width: 19px;
  height: 19px;
  position: absolute;
  top:-9px;
  right: -8px;
}

.notification .text {
  overflow: hidden;
}

.notification p {
  width: auto;
  color: #555;
  font-size: 11px;
  line-height: 10px;
  text-align: justify;
  float: left;
  margin-right: 15px;
  *margin-top: 15px; /*IE8 fix*/
  margin-bottom:0!important;
  padding-top:12px;
}

.notification strong {
  font-size:22px;
}

/*SUCCESS BOX*/

.success {
  border-top: 1px solid #edf7d0;
  border-bottom: 1px solid #b7e789;
    width: 60%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 40px;
  background: #dff3a8;
  background: -moz-linear-gradient(top,#dff3a8,#c4fb92);
  background: -webkit-gradient(linear, left top, left bottom, from(#dff3a8), to(#c4fb92));
}

.success:before {
  content: url(./admin/assets/icons/notifications/success.png);
  float: left;
  margin: 10px 15px 0px 15px;
}

.success strong {
  color: #61b316;
  margin-right: 15px;
}


/*WARNING BOX*/

.warning {
  border-top: 1px solid #fefbcd;
  border-bottom: 1px solid #e6e837;

  background: #feffb1;
  background: -moz-linear-gradient(top,#feffb1,#f0f17f);
  background: -webkit-gradient(linear, left top, left bottom, from(#feffb1), to(#f0f17f));
}

.warning:before {
  content: url(./admin/assets/icons/notifications/warning.png);
  float: left;
  margin: 2px 15px 0px 25px;
}

.warning strong {
  color: #e5ac00;
  margin-right: 15px;
}


/*QUICK TIP BOX*/

.tip {
  border-top: 1px solid #fbe4ae;
  border-bottom: 1px solid #d9a87d;

  background: #f9d9a1;
  background: -moz-linear-gradient(top,#f9d9a1,#eabc7a);
  background: -webkit-gradient(linear, left top, left bottom, from(#f9d9a1), to(#eabc7a));
  width: 70%;
  height: 40px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 100px;
}

.tip:before {
  content: url(./admin/assets/icons/notifications/tip.png);
  float: left;
  margin: 7px 15px 0px 15px;
}

.tip strong {
  color: #b26b17;
  margin-right: 15px;
}

#welcome{
  width: 400px;
  margin-left: auto;
  margin-right: auto;
}

/*ERROR BOX*/

.error {
  border-top: 1px solid #f7d0d0;
  border-bottom: 1px solid #c87676;

  background: #f3c7c7;
  background: -moz-linear-gradient(top,#f3c7c7,#eea2a2);
  background: -webkit-gradient(linear, left top, left bottom, from(#f3c7c7), to(#eea2a2));
    width: 70%;
  height: 40px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 100px;
}

.error:before {
  content: url(./admin/assets/icons/notifications/error.png);
  float: left;
  margin: 7px 15px 0px 15px;
}

.error strong {
  color: #b31616;
  margin-right: 15px;
}


/*SECURE AREA BOX*/

.secure {
  border-top: 1px solid #efe0fe;
  border-bottom: 1px solid #d3bee9;

  background: #e5cefe;
  background: -moz-linear-gradient(top,#e5cefe,#e4bef9);
  background: -webkit-gradient(linear, left top, left bottom, from(#e5cefe), to(#e4bef9));
}

.secure:before {
  content: url(./admin/assets/icons/notifications/secure.png);
  float: left;
  margin: 5px 15px 0px 15px;
}

.secure strong {
  color: #6417b2;
  margin-right: 15px;
}

/*INFO BOX*/

.info {
  border-top: 1px solid #f3fbff;
  border-bottom: 1px solid #bedae9;

  background: #e0f4ff;
  background: -moz-linear-gradient(top,#e0f4ff,#d4e6f0);
  background: -webkit-gradient(linear, left top, left bottom, from(#e0f4ff), to(#d4e6f0));
    width: 60%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  margin-top: 40px;
}

.info:before {
  content: url(./admin/assets/icons/notifications/info.png);
  float: left;
  margin: 5px 15px 0px 21px;
}

.info strong {
  color: #177fb2;
  margin-right: 15px;
}

/*MESSAGE BOX*/

.message {
  border-top: 1px solid #f4f4f4;
  border-bottom: 1px solid #d7d7d7;

  background: #f0f0f0;
  background: -moz-linear-gradient(top,#f0f0f0,#e1e1e1);
  background: -webkit-gradient(linear, left top, left bottom, from(#f0f0f0), to(#e1e1e1));
}

.message:before {
  content: url(./admin/assets/icons/notifications/message.png);
  float: left;
  margin: 12px 15px 0px 15px;
}

.message strong {
  color: #323232;
  margin-right: 15px;
}
